.run {
	// 主体
	main {
		padding: 0;
		display: flex;
		flex-direction: column;
		// 目前跑步累计
		.hint-text {
			background-color: #fff;
			height: 100px;
			padding: 0 10px;
			.word {
				line-height: 40px;
				font-size: 16px;
			}
			.num {
				#totalNum {
					color: #4294ff;
					font-size: 40px;
					font-weight: bold;
					margin-right: 10px;
				}
			}
		}
		//  地图区
		.map {
			flex-grow: 1;
			width: 100%;
			height: 100%;
			position: relative;
			margin-top: 10px;
			#container {
				width: 100%;
				height: 100%;
				.amap-logo {
					display: none !important;
				}
				.amap-copyright {
					display: none !important;
				}
			}
			// 小标题
			.checkbox {
				position: absolute;
				top: 0;
				margin-left: 20px;
				button {
					width: 100px;
					height: 40px;
					background-color: #9cbce2;
					color: #fff;
					border-radius: 20px;
					text-align: center;
					line-height: 40px;
					margin: 20px 5px;
					font-size: 14px;
					&.active {
						background-color: #4294ff;
					}
				}
			}
			// 开始按钮
			.startbtn {
				position: absolute;
				top: 40px;
				width: 120px;
				height: 120px;
				background-color: rgba(155, 200, 250, 0.7);
				border-radius: 50%;
				font-size: 60px;
				line-height: 120px;
				text-align: center;
				color: #2095cf;
				margin: 60px 0 0 130px;
				font-weight: bold;
			}
			// 设置
			.set {
				position: absolute;
				top: 220px;
				display: flex;
				justify-content: space-around;
				align-items: center;
				margin: 50px 10px;
				a {
					margin: 0 25px;
				}
				// 设置按钮
				.setbtn {
					width: 50px;
					height: 50px;
					border-radius: 50px;
					background-color: #fff;
					line-height: 50px;
					text-align: center;
					box-shadow: 0 0 5px 0 #aaa;
					.icon-set {
						font-size: 20px;
						color: #9a9a9a;
					}
				}
				// 设置目标
				.settag {
					width: 100px;
					height: 40px;
					background-color: #4294ff;
					color: #fff;
					font-size: 14px;
					line-height: 40px;
					text-align: center;
					border-radius: 20px;
				}
				//设置音乐
				.setmusic {
					width: 50px;
					height: 50px;
					border-radius: 50px;
					background-color: #fff;
					line-height: 50px;
					text-align: center;
					box-shadow: 0 0 5px 0 #aaa;
					.icon-music {
						font-size: 20px;
						color: #9a9a9a;
					}
				}
			}
		}
		// 跑步路线
		.runroute {
			padding: 15px;
			display: flex;
			justify-content: space-between;
			.word {
				color: #aaa;
				font-size: 16px;
				strong {
					display: block;
					line-height: 30px;
					color: #000;
					font-size: 18px;
				}
			}
			a {
				font-family: "宋体";
				font-size: 20px;
				margin-top: 14px;
				font-weight: bold;
			}
		}
	}
	// 蒙层
	#mask {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #2095cf;
		display: none;
		#go {
			position: absolute;
			top: 40%;
			left: 0;
			width: 100%;
			text-align: center;
			font-size: 100px;
			color: #fff;
		}
	}
}
